body, ul {
    /*取消浏览器内间距  外间距*/
    margin: 0; /*外间距*/
    padding: 0;
}

.d1 {
    width: 600px;
    height: 300px;
    background-color: skyblue;

    padding: 10px 80px; /*padding-top:10px   padding-left: 80px*/

    /* padding-top: 100px;  *//*上内间距*//*
     padding-left: 50px;  *//*左内间距*//*
     padding-bottom: 20px;
     padding-right: 20px;*/
}

.a1 {
    margin-left: 50px; /*左外间距*/
}

.a2 {
    margin-left: 10px;
}

.p1 {
    margin: 10px 100px; /* top  left : 100px*/
}

.main {
    width: 80%; /*父容器的百分比*/
    height: 300px;
    background-color: gray;
    margin: 0 auto; /*margin:10px 20px */
}


